<template>
    <div class="container">
        <search/>
        <inform/>
        <div class="sign">查询结果:</div>
        <div class="result">
            <img src="@/assets/1.png" alt="" class="result-pic">
            <div class="name">奶茶</div>
        </div>
        <div class="produce">
            <div>西安市高陵区城市管理综合执法局</div>
            <div>有安米互动</div>
        </div>
    </div>
    
</template>
<script>
import search from '@/components/search'
import inform from '@/components/inform'
export default {
    components:{
        search:search,
        inform:inform
    }
}
</script>
<style lang="less" scoped>
.container{
    width: 92%;
    margin: 0 auto;
    .sign{
        font-size: 14px;
    }
    .result{
        // border: 1px solid;
        position: relative;
        margin-top: 3%;
        text-align: center;
        .result-pic{
            width: 100%;
        }
        .name{
            width: 100%;
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top:10%;
            color: #fff;
        }
    }
    .produce{
        width: 100%;
        position: fixed;
        bottom: 10px;
        text-align: center;
        font-size: 14px;
        color: #B8B8B8;
    }
}
</style>